<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view locale="#{SessionBeanMateriales.localeSetting}">
        <f:loadBundle basename="UtilidadesSetup" var="utilidadesSetup"/>
        <f:loadBundle basename="InstructivosSetup" var="instructivosSetup"/>
        <f:loadBundle basename="ParametrosSetup" var="parametrosSetup"/>
        <div align="center" style="width: 100%">
            <ui:themeLinks binding="#{BusquedaRequisicionesPage.themeLinks1}" id="themeLinks1"/>
            <ui:form binding="#{BusquedaRequisicionesPage.formMateriales}" id="formMateriales">
                <table>
                    <tr>
                        <td align="center">
                            <h:panelGrid columnClasses="top" columns="2">
                                <!-- izquierdaGridPanel -->
                                <h:panelGrid columns="2" headerClass="headerClassDataTable" id="izquierdaGridPanel" rowClasses="rowClassWhite, rowClassBlue">
                                    <f:facet name="header">
                                        <h:outputText value="Opciones de Búsqueda Requisiciones"/>
                                    </f:facet>
                                    <h:outputText style="color: white" value="_"/>
                                    <h:outputText style="color: white" value="_"/>
                                    <h:panelGroup id="clienteGroupPanel" style="display: block; text-align: right">
                                        <h:outputText styleClass="outputText" value="CLIENTE"/>
                                    </h:panelGroup>
                                    <ui:dropDown binding="#{BusquedaRequisicionesPage.dropDownClientes}" id="dropDownClientes"
                                        items="#{SessionBeanMateriales.clientesOptions}" styleClass="select" submitForm="true" valueChangeListener="#{BusquedaRequisicionesPage.dropDownClientes_processValueChange}"/>
                                    <h:outputText style="color: white" value="_"/>
                                    <h:outputText style="color: white" value="_"/>
                                    <h:panelGroup id="productoGroupPanel" style="display: block; text-align: right">
                                        <h:outputText styleClass="outputText" value="PRODUCTO"/>
                                    </h:panelGroup>
                                    <ui:dropDown binding="#{BusquedaRequisicionesPage.dropDownProductos}" id="dropDownProductos"
                                        items="#{SessionBeanMateriales.productosOptions}" styleClass="select" submitForm="true" valueChangeListener="#{BusquedaRequisicionesPage.dropDownProductos_processValueChange}"/>
                                    <h:outputText style="color: white" value="_"/>
                                    <h:outputText style="color: white" value="_"/>
                                    <h:panelGroup style="display: block; text-align: right">
                                        <h:outputText styleClass="outputText" value="CICLO"/>
                                    </h:panelGroup>
                                    <ui:dropDown binding="#{BusquedaRequisicionesPage.dropDownCiclos}" id="dropDownCiclos"
                                        items="#{SessionBeanMateriales.ciclosOptions}" styleClass="select"/>
                                    <h:outputText style="color: white" value="_"/>
                                    <h:outputText style="color: white" value="_"/>
                                    <h:panelGroup style="display: block; text-align: right">
                                        <h:outputText styleClass="outputText" value="ESTADO"/>
                                    </h:panelGroup>
                                    <ui:dropDown binding="#{BusquedaRequisicionesPage.dropDownEstados}" id="dropDownEstados"
                                        items="#{SessionBeanMateriales.estadosRequisicionesOptions}" styleClass="select"/>
                                </h:panelGrid>
                                <!-- derechaGridPanel -->
                                <h:panelGrid>
                                    <h:panelGrid columns="2" headerClass="headerClassDataTable" id="derechaGridPanel" rowClasses="rowClassWhite, rowClassBlue">
                                        <f:facet name="header">
                                            <h:outputText value="..."/>
                                        </f:facet>
                                        <h:outputText style="color: white" value="_"/>
                                        <h:outputText style="color: white" value="_"/>
                                        <h:panelGrid>
                                            <h:outputText styleClass="outputText" value="DESDE"/>
                                            <ui:calendar binding="#{BusquedaRequisicionesPage.fechaInicioCalendar}"
                                                dateFormatPattern="#{instructivosSetup.dateFormatCalendar}" id="fechaInicioCalendar"
                                                maxDate="#{SessionBeanMateriales.maxDate}" minDate="#{SessionBeanMateriales.minDate}" selectedDate="#{SessionBeanMateriales.selectedDateFechaInicio}"/>
                                            <h:message for="fechaInicioCalendar" styleClass="portlet-msg-alert"/>
                                        </h:panelGrid>
                                        <h:panelGrid>
                                            <h:outputText styleClass="outputText" value="HASTA"/>
                                            <ui:calendar binding="#{BusquedaRequisicionesPage.fechaFinCalendar}"
                                                dateFormatPattern="#{instructivosSetup.dateFormatCalendar}" id="fechaFinCalendar"
                                                maxDate="#{SessionBeanMateriales.maxDate}" minDate="#{SessionBeanMateriales.minDate}" selectedDate="#{SessionBeanMateriales.selectedDateFechaFin}"/>
                                            <h:message for="fechaFinCalendar" styleClass="portlet-msg-alert"/>
                                        </h:panelGrid>
                                    </h:panelGrid>
                                    <h:panelGrid columns="2" headerClass="headerClassDataTable" id="derechaGridPanel" rowClasses="rowClassWhite, rowClassBlue">
                                        <f:facet name="header">
                                            <h:outputText value="Opciones de Búsqueda Consolidado"/>
                                        </f:facet>
                                        <h:outputText style="color: white" value="_"/>
                                        <h:outputText style="color: white" value="_"/>
                                        <h:panelGrid>
                                            <h:outputText styleClass="outputText" value="DÍA CONSOLIDADO"/>
                                            <ui:calendar binding="#{BusquedaRequisicionesPage.fechaConsolidadoCalendar}"
                                                dateFormatPattern="#{instructivosSetup.dateFormatCalendar}" id="fechaConsolidadoCalendar"
                                                maxDate="#{SessionBeanMateriales.maxDate}" minDate="#{SessionBeanMateriales.minDate}" selectedDate="#{SessionBeanMateriales.selectedDateFechaConsolidado}"/>
                                            <h:message for="fechaConsolidadoCalendar" styleClass="portlet-msg-alert"/>
                                        </h:panelGrid>
                                        <h:panelGrid width="100%">
                                            <h:panelGroup style="display: block; text-align: right">
                                                <h:commandButton action="#{BusquedaRequisicionesPage.buttonBuscarConsolidado_action}"
                                                    binding="#{BusquedaRequisicionesPage.buttonBuscarConsolidado}" id="buttonBuscarConsolidado" styleClass="button" value="BUSCAR"/>
                                            </h:panelGroup>
                                        </h:panelGrid>                                    
                                    </h:panelGrid>
                                    <h:outputText style="color: white" value="_________________________________________________________"/>
                                </h:panelGrid>
                                <f:facet name="footer">
                                    <h:panelGroup style="display: block; text-align: center">
                                        <h:commandButton action="#{BusquedaRequisicionesPage.buttonBuscar_action}"
                                            binding="#{BusquedaRequisicionesPage.buttonBuscar}" id="buttonBuscar" styleClass="button" value="BUSCAR"/>
                                        <h:outputText style="color: white" value="_"/>
                                        <h:commandButton action="#{BusquedaRequisicionesPage.buttonLimpiar_action}"
                                            binding="#{BusquedaRequisicionesPage.buttonLimpiar}" id="buttonLimpiar" styleClass="button" value="LIMPIAR"/>
                                    </h:panelGroup>
                                </f:facet>
                            </h:panelGrid>
                            <h:panelGrid binding="#{BusquedaRequisicionesPage.mensajeAlertGridPanel}" id="mensajeAlertGridPanel" rendered="#{SessionBeanMateriales.renderedMensajeAlertGridPanel}">
                                <ui:alert binding="#{BusquedaRequisicionesPage.mensajeAlert}" id="mensajeAlert"/>
                            </h:panelGrid>                           
                        </td>
                    </tr>
                </table>
            </ui:form>
        </div>
    </f:view>
</jsp:root>
